<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>定期工作列表</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css" />	
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<link rel="stylesheet" href="../../static/css/terminalwork.css" />	
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>  <!--请求接口页面必需-->
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<style>
			.list-head{
				width: 94vw;
				margin-left: 3vw;
				background-color: #fff;
				padding: 10px;
				margin-bottom: 10px;
			}
			.toolcheck-list{
				height: calc(100vh - 165px);
				overflow: auto;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">工器具日常检查</h1>
		</header>
		<div id="toolCheckList">
			<div class="top">
				<div class="search-model">
					<div class="mui-input-row mui-search">
						<input type="search" class="mui-input-clear" 
						style="background-color: #fff;" placeholder="请输入关键字查询"
						 v-model="toolKeyword" maxlength="45" @input="toolKeywordChange()">
					</div>
				</div>
			</div>
			<div class="flex-between list-head">
				<div class="flex-row" style="font-weight: bold;">
					<div class="icon"></div>
					操作记录
				</div>
					<button @click="add()" class="submit_btn" style="	margin: 0 !important;
					padding: 0 4vw !important;">新增</button>
			</div>
			<div id="terminalworkList" class="toolcheck-list">
				<div class="list" id="list">	
					<div class="nodata-tips" v-if="toolList.length == 0">暂无数据！</div>	
					<div v-for="(item,index) in toolList" :key="index" class="terminalwork-list-item">
						<div class="terminalwork-list-title" @click="hideOperBtn()">提交日期：{{item.dealTime}}</div>
						<div class="terminalwork-list-sec" @click="hideOperBtn()">
							<span>工器具数量：{{item.toolsCheckInfoCount}}</span>
						</div>
						<div class="terminalwork-list-receivebtn" onclick="showOperBtn(this)">操作</div>
						<div class="terminalwork-list-operbtn">
							<div class="terminalwork-list-operbtn-in">
								<div class="operbtn" @click="toCheckAdd(item.toolsCheckId,'details')">详情</div>
								<div class="operbtn" v-if="item.status == '21'" @click="toCheckAdd(item.toolsCheckId,'update')">编辑</div>
								<div class="operbtn" v-if="item.status == '21'" @click="deleteToolsCheck(item.toolsCheckId)">删除</div>
							</div>
						</div>
					</div>
				</div>	
			</div>
		</div>
		<script src="js/toolCheckList.js"></script>
	</body>
</html>

